<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<title>货拉拉-搬运家</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=0.2,user-scalable=yes" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<meta name="Description" content="货拉拉搬运家,车,家政物流,合作,车与运输行业的专业服务与同城配送的先行者"/>
	<meta name="keywords" content="货拉拉搬运家,家政公司,整车货车平板车卡车,行业与物流服务" />
	<!--页面完全加载好之前显示的加载动画效果-->
	<link rel="stylesheet" href="css/CSSLoadingAnimation01.css" type="text/css" />
	<!--初始化css样式引入的css文件-->
	<link rel="stylesheet" href="css/commonInitialize.css" type="text/css" />
	<!--HTML页面顶部盒子header区域的通用样式文件-->
	<link rel="stylesheet" type="text/css" href="css/headerCommon.css" />
	<!--index首页的其他元素的样式文件-->
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<!--百度搜索框的css样式文件-->
	<link rel="stylesheet" href="css/baiduNews.css" type="text/css" />
	<!--title标题处旁边的显示图标-->
	<link rel="shortcut icon" href="https://www.huolala.cn/favicon.ico" type="img/x-icon" />
	<link rel="stylesheet" href="commonCSS/htmlFontSize.css" />
	<link rel="stylesheet" href="commonCSS/commonDisplayFlex.css" />
	<link rel="stylesheet" href="commonCSS/footerCommon.css" />
	<style type="text/css">
		/*下面是关于section主体部分的样式设置*/
		section#section-area01 {
			margin-top: 100px;
			width: 1280px;
			overflow-x: hidden;
		}
		
		
	</style>
	<script type="text/javascript">
		window.addEventListener("beforeunload", function() {
			document.getElementsByClassName("loading1")[0].style.display = "block";
		});
		window.addEventListener("load", function() {
			document.getElementsByClassName("loading1")[0].remove();
		});
	</script>
	</head>
	<body>
	<div class="loading1">
		<div class="loading01">
			<div>加载中，稍等……<br />loading……</div>
			<span></span>
			<span></span>
			<span></span>
		</div>
	</div>
	<header id="head-area01">
		<div class="header-son-div">
			<div class="header-grandson-div">
				<ul>
					<li><a href="https://www.huolala.cn/" target="_blank"><img src="img-first-page/img_nav_logo.png" alt="货拉拉首页标志图片"/></a></li>
					<li><a href="https://www.huolala.cn/" target="_blank">首页</a></li>
					<li><a href="https://www.huolala.cn/house_move.html" target="_blank">搬家</a></li>
					<li><a href="https://www.huolala.cn/big_truck.html" target="_blank">大货车</a></li>
					<li><a href="https://www.hllep.com/" target="_blank">企业版</a></li>
					<li><a href="https://www.huolala.cn/driver_join.html" target="_blank">司机加入</a></li>
				</ul>
				<ul>
					<li><a href="https://lalamc.huolala.cn/" target="_blank">租买货车</a></li>
					<li><a href="https://open.huolala.cn/" target="_blank">开放平台</a></li>
					<li class="about-us fold-li">
						<div>
							发物流<img src="img-first-page/ic_job_arrow_down.png" alt="向下箭头" />
						</div>
						<div>
							<ul>
								<li><a href="https://wuliu.huolala.cn/" target="_blank">国内物流</a></li>
								<li><a href="https://www.h66.cn/" target="_blank">国际物流</a></li>
							</ul>
						</div>
						
					</li>
					<li class="allocate-goods fold-li">
						<div>关于我们<img src="img-first-page/ic_job_arrow_down.png" alt="向下箭头" /></div>
						<div>
							<ul>
								<li><a href="" target="_blank">关于我们</a></li>
								<li><a href="" target="_blank">加入我们</a></li>
								<li><a href="" target="_blank">联系我们</a></li>
								<li><a href="" target="_blank">全国站点</a></li>
								<li><a href="" target="_blank">最新动态</a></li>
							</ul>
						</div>
						
					</li>
					
					<li class="get-app"><a href="" target="_blank">下载App</a></li>
				</ul>
			</div>
		</div>
	</header>
	<section id="section-area01">
		<!--
        	section主体部分下面的第一个大盒子div
        -->
		<div class="section-son-div">
			<div class="placeAnOrder">
				<a href="https://webapp.huolala.cn/index.html?switch=1">
					<div>立即下单</div>
				</a>
			
				<div class="erWeiMa">
					<img src="img-first-page/hll_user_20191216.png" alt="" />
					<div>下载用户App</div>
				</div>
				<div class="xiaoChengXu">
					<img src="img-first-page/WechatIMG.jpeg" alt="" />
					<div>扫码小程序下单</div>
				</div>
				
				
			</div>
			
		</div>
		<!--
        	section主体部分下面的第二个大盒子div
        -->
		<div class="section-son-div">
			<div class="whyIntro">
				<div>
					<h2>为什么选择货拉拉？</h2>
				</div>
				<div class="img_main">
					<ul>
						<li><img src="img-first-page/img_mian_1.png" alt="" /></li>
						<li><h3>极速响应</h3></li>
						<li>
							<span>秒下单，秒接单</span>
						</li>
						<li>
							<span>随叫随到，准时到达用车点</span>
							
						</li>
					</ul>
					<ul>
						<li><img src="img-first-page/img_mian_2.png" alt="" /></li>
						<li><h3>低价透明</h3></li>
						<li>
							<span>价格实惠</span>
						</li>
						<li><span>按照里程、车型计费，收费有标准</span></li>
					</ul>
					<ul>
						<li><img src="img-first-page/img_mian_3.png" alt="" /></li>
						<li><h3>运力充足</h3></li>
						<li><span>35万在线司机，全国多城市覆盖</span></li>
						<li><span>面包、厢货、平板等车型精准标配</span></li>
					</ul>
					<ul>
						<li><img src="img-first-page/img_mian_4.png" alt="" /></li>
						<li><h3>专业服务</h3></li>
						<li><span>结果严格培训和考核的认证司机</span></li>
						
					</ul>
					
				</div>
				
			</div>
			
		</div>
		<!--
        	section主体部分下面的第三个大盒子div
        -->
		<div class="section-son-div">
			<div class="typeInfo">
				<h2>车型详情&nbsp;&nbsp;<img src="img-first-page/ic_main_Triangle.png" alt="" /></h2>
			</div>
			<div class="show-cars">
				<ul>
					<li class="car-li">
						<img src="img-first-page/minibus_small_v2.png" alt="小面包车图片" />
						<img src="img-first-page/minibus_big_v2.png" alt="中型面包车图片" />
						<img src="img-first-page/flat_bed_trailer_large_v2.png" alt="中平板车图片" />
						<img src="img-first-page/iveco_v2.png" alt="依维柯货车图片" />
						<img src="img-first-page/van_big_v2.png" alt="中厢货图片" />
					</li>
					<li class="car-li">
						<img src="img-first-page/flat_bed_trailer_small_v2.png" alt="小型平板车图片" />
						
						<img src="img-first-page/flat_bed_trailer_big_6_8_gaolan_v1.png" alt="" />
						<img src="img-first-page/flat_bed_trailer_big_7_6_gaolan_v1.png" alt="" />
						<img src="img-first-page/flat_bed_trailer_big_9_6_gaolan_v1.png" alt="" />
						<img src="img-first-page/5米2型货车.png" alt="5米2型货车图片" />
					</li>
					<!--下面的、也就是最后一个li是用来存放相应的装有提示信息的div盒子，class=cars-info-div-->
					<li class="cars-info-li">
						<div class="cars-info-div">
							<dl>
								<dt>小面</dt>
								<dd>
									<span>载重：</span>
									<span>800公斤</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>1.8 * 1.3 * 1.1</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>2.6方（㎡）</span>
								</dd>
							</dl>
						</div>
						<div class="cars-info-div">
							<dl>
								<dt>中面</dt>
								<dd>
									<span>载重：</span>
									<span>1吨</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>2.4 * 1.4 * 1.2</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>4.0方（㎡）</span>
								</dd>
							</dl>
						</div>
						<div class="cars-info-div">
							<dl>
								<dt>依维柯</dt>
								<dd>
									<span>载重：</span>
									<span>1.5吨</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>2.7 * 1.5 * 1.7</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>6.9方（㎡）</span>
								</dd>
							</dl>
						</div>
						<div class="cars-info-div">
							<dl>
								<dt>中平板</dt>
								<dd>
									<span>载重：</span>
									<span>1.8吨</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>4.2 * 1.8 * 1.8</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>13.6方（㎡）</span>
								</dd>
							</dl>
						</div>
						<div class="cars-info-div">
							<dl>
								<dt>中厢货</dt>
								<dd>
									<span>载重：</span>
									<span>1.8吨</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>4.2 * 1.8 * 1.8</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>13.6方（㎡）</span>
								</dd>
							</dl>
						</div>
						<div class="cars-info-div">
							<dl>
								<dt>小平板</dt>
								<dd>
									<span>载重：</span>
									<span>1.5吨</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>2.7 * 1.5 * 1.7</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>6.9方（㎡）</span>
								</dd>
							</dl>
						</div>
						<div class="cars-info-div">
							<dl>
								<dt>5米2</dt>
								<dd>
									<span>载重：</span>
									<span>4吨</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>5 * 2.1 * 2.0</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>21.0方（㎡）</span>
								</dd>
							</dl>
						</div>
						<div class="cars-info-div">
							<dl>
								<dt>6米8</dt>
								<dd>
									<span>载重：</span>
									<span>8吨</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>6.4 * 2.3 * 2.4</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>35.3方（㎡）</span>
								</dd>
							</dl>
						</div>
						<div class="cars-info-div">
							<dl>
								<dt>7米6</dt>
								<dd>
									<span>载重：</span>
									<span>8吨</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>7.3 * 2.3 * 2.5</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>42.0方（㎡）</span>
								</dd>
							</dl>
						</div>
						<div class="cars-info-div">
							<dl>
								<dt>9米6</dt>
								<dd>
									<span>载重：</span>
									<span>10吨</span>
								</dd>
								<dd>
									<span>长宽高：</span>
									<span>9.0 * 2.3 * 2.5</span>
								</dd>
								<dd>
									<span>载货体积：</span>
									<span>51.8方（㎡）</span>
								</dd>
							</dl>
						</div>
					</li>
				</ul>
				<button class="prevLi">&lt;</button>
				<button class="nextLi">&gt;</button>
				
				
			</div>
			
		</div>
		<!--
        	section主体部分下面的第四个大盒子div
        -->
        <style type="text/css">
        	
        </style>
		<div class="section-son-div">
			<div class="news-center-title">
				<h2>新闻中心（center of news）</h2>
			</div>
			<div class="show-news">
				<ul>
					<li>
						<a href="" target="_blank">
							<img src="img-first-page/14189a97-61ae-1fce-bd60-2989787a1568.png" alt="公司动态" />
						</a>
					</li>
					<li><span>公司动态</span></li>
					<li>
						<a href="" target="_blank">
							
							<div class="texts">货拉拉司机脱贫样本：从“灵活就业”到成功脱贫</div>
							<div class="dates">2020-12-11</div>
						</a>
					</li>
					<li>
						<a href="" target="_blank">
							
							<div class="texts">知危险会避险！货拉拉积极参与第九个全国交通安全日主题活动</div>
							<div class="dates">2020-12-07</div>
						</a>
					</li>
					<li>
						<a href="" target="_blank">
							
							<div class="texts">货拉拉企业版获中国物流与供应链信息化十佳服务商</div>
							<div class="dates">2020-12-01</div>
						</a>
					</li>
					<li>
						<div class="moreInfo"><a href="" target="_blank"></a></div>
					</li>
				</ul>
				<ul>
					<li><a href="" target="_blank"><img src="img-first-page/f46db0d6-82dd-f019-459e-a53e1e49f871.png" alt="行业动态" /></a></li>
					<li><span>行业动态</span></li>
					<li>
						<a href="" target="_blank">
							
							<div class="texts">韩雪峰：物流发展八个核心要素</div>
							<div class="dates">2020-12-01</div>
						</a>
					</li>
					<li>
						<a href="" target="_blank">
							
							<div class="texts">2020（第十八届）中国物流企业家年会在青岛举行</div>
							<div class="dates">2020-12-01</div>
						</a>
					</li>
					<li>
						<a href="" target="_blank">
							
							<div class="texts">数智化供应链怎样重塑物流行业的未来？</div>
							<div class="dates">2020-10-28</div>
						</a>
					</li>
					<li>
						<div class="moreInfo"><a href="" target="_blank"></a></div>
					</li>
				</ul>
				<ul>
					<li>
						<a href="" target="_blank"><img src="img-first-page/19022109373556918381.jpeg" alt="融资快报" /></a>
					</li>
					<li><span>融资快报</span></li>
					<li>
						<a href="" target="_blank">
							
							<div class="texts">货拉拉完成 3 亿美元 D 轮融资，高瓴资本、红杉资本领投</div>
							<div class="dates">2019-02-21</div>
						</a>
					</li>
					<li>
						<a href="" target="_blank">
							
							<div class="texts">货拉拉完成C轮1亿美元融资 将继续深耕城市并拓展2B业务</div>
							<div class="dates">2018-01-04</div>
						</a>
					</li>
					<li>
						<a href="" target="_blank">
							
							<div class="texts">货拉拉完成B轮3000万美元融资，继续扩张城市、升级产品</div>
							<div class="dates">2018-01-04</div>
						</a>
					</li>
					<li>
						<div class="moreInfo"><a href="" target="_blank"></a></div>
					</li>
				</ul>
				
			</div>
		</div>
		<!--
        	section主体部分下面的第五个大盒子div
        -->
		<div class="section-son-div">
			
			
		</div>
		
	</section>
	<!--
		以上是section主体部分区域
		以下是footer页脚区域
	-->
	<footer id="footer-area">
			<div class="others display-flex flex-wrap flex-justify-space-between flex-align-items-start">
				<div class="other-links">
					<!--存放公司基本业务的链接-->
					<div id="dl-div" class="display-flex flex-justify-space-around flex-align-items-start">
						<dl>
							<dt>首页</dt>
							<dd>
								<a href="">产品首页</a>
							</dd>
						</dl>
						<dl>
							<dt>关于</dt>
							<dd>
								<a href="">关于我们</a>
							</dd>
							<dd>
								<a href="">加入我们</a>
							</dd>
							<dd>
								<a href="">联系我们</a>
							</dd>
						</dl>
						<dl>
							<dt>咨询</dt>
							<dd>
								<a href="">公司动态</a>
							</dd>
							<dd>
								<a href="">行业动态</a>
							</dd>
							<dd>
								<a href="">融资快报</a>
							</dd>
						</dl>
						<dl>
							<dt>帮助</dt>
							<dd>
								<a href="">常见问题</a>
							</dd>
							<dd>
								<a href="">意见反馈</a>
							</dd>
						</dl>
					</div>
				</div>
				<div class="focus-on-us">
					<h3>关注我们</h3>
					<ul class="focus-ul display-flex flex-wrap flex-justify-space-around flex-align-content-start flex-align-items-start">
						<li><strong>官方订阅号</strong><img src="img-first-page/扫码关注1.png" alt="扫码关注货拉拉微信公众账号图片" /></li>
						<li><strong>官方服务号</strong><img src="img-first-page/hll_user_20191216.png" alt="扫描货拉拉下单图片" /></li>
					</ul>
					<div class="call-us"><a href="tel:10103636"><strong>客服电话：10103636</strong></a></div>
				</div>
			</div>
		</footer>
	
</body>
</html>

<script src="js/index.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
	let rr = document.body.getElementsByTagName("div");
	let show = (arr) => {
		return [...arguments]; // 报错，因为箭头函数没有arguments内置对象
	};
	rr = show(...rr);
	console.log("转换后的rr是不是数组：" + Array.isArray(rr), "\nrr的元素个数是：" + rr.length);
</script>